<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">

  <title>小説家名鑑（jquery mobile version)</title>
  <link rel="stylesheet" href="mobile/jquery.mobile-1.0a4.1.min.css" />
  <script src="mobile/jquery-1.5.2.min.js"></script>
  <script src="mobile/jquery.tmpl.min.js"></script>
  <script src="mobile/jquery.mobile-1.0a4.1.min.js"></script>

  <script src="script.js"></script>

  <style>
    #content ul {
      margin: 10px 12px;
    }
    .center {
        text-align: center;
    }
  </style>
  
</head>
<body>
  <div data-role="page" id="top">
    <div data-role="header">
      <h1>プロフィール</h1>
    </div>
    <div data-role="content">
        <div class=body_></div>
    </div>

    <script class="bodyTemplate" type="text/x-jquery-tmpl">
        <div class=center>
        <h2>${name}</h2>
        <img src="../${image_url}">
        </div>
        <p>${text}</p>
    </script>
  </div>
</body>
</html>
